<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/ajax/libs/iCheck/custom.css"
	th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet" />
<link href="/ajax/libs/datapicker/datepicker3.css"
	th:href="@{/ajax/libs/datapicker/datepicker3.css}" rel="stylesheet" />
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-spidertaskinfo-params">
			<input id="taskId" name="taskId" th:value="${spidertaskinfo.taskId}"
				type="hidden"> <input id="taskParams" name="taskParams"
				th:value="${spidertaskinfo.taskParams}" type="hidden">
			<div class="form-group">
				<label class="col-sm-3 control-label">任务名称：</label>
				<div class="col-sm-8">
					<input id="taskName" name="taskName" class="form-control"
						th:value="${spidertaskinfo.taskName}" readonly="readonly"
						type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label ">爬虫名称：</label>
				<div class="col-sm-8">
					<input class="form-control" type="text" name="spiderName"
						id="spiderName" th:value="${spidertaskinfo.spiderName}"
						readonly="readonly" />
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">爬虫参数：</label>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">选择网站：</label>
				<div class="col-sm-6">
					<select class="form-control" name="websiteId" id="websiteId"
						disabled>
						<option value="0">江苏土地市场网</option>
						<option value="1">浙江省土地使用权网上交易系统</option>
						<option value="2">河南省国土资源网上交易系统</option>
					</select>
				</div>
				<div class="col-sm-2">
					<button type="button" class="btn btn-primary" id="openWeb"
						onclick="openWebsite()">打开此网站</button>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">爬取页数：</label>
				<div class="col-sm-4">
					<div class="input-group spinner" data-trigger="spinner">
						<input type="text" class="form-control text-center" value="1"
							data-rule="quantity" id="startPage" name="startPage" disabled>
						<div class="input-group-addon">
							<a href="javascript:;" class="spin-up" data-spin="up"><i
								class="fa fa-caret-up"></i></a> <a href="javascript:;"
								class="spin-down" data-spin="down"><i
								class="fa fa-caret-down"></i></a>
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="input-group spinner" data-trigger="spinner">
						<input type="text" class="form-control text-center" value="1"
							data-rule="quantity" id="endPage" name="endPage" disabled>
						<div class="input-group-addon">
							<a href="javascript:;" class="spin-up" data-spin="up"><i
								class="fa fa-caret-up"></i></a> <a href="javascript:;"
								class="spin-down" data-spin="down"><i
								class="fa fa-caret-down"></i></a>
						</div>
					</div>
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">时间条件：</label>
				<div class="col-sm-2">
					<label class="checkbox-inline i-checks" id="clickLabel1"> <input
						type="checkbox" name="checkbox1" id="checkbox1" disabled /> <ins
							class="iCheck-helper" id="clickIns1"
							style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>不限
					</label>
				</div>
				<div class="col-sm-3">
					<div class="input-group date">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input type="text" class="form-control" value=""
							name="startDateTime" id="startDateTime" disabled />
					</div>
				</div>
				<div class="col-sm-3">
					<div class="input-group date">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input type="text" class="form-control" value=""
							name="endDateTime" id="endDateTime" disabled />
					</div>
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">起始价格（万元）：</label>
				<div class="col-sm-2">
					<label class="checkbox-inline i-checks" id="clickLabel2"> <input
						type="checkbox" name="checkbox2" id="checkbox2" disabled /> <ins
							class="iCheck-helper" id="clickIns2"
							style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>不限
					</label>
				</div>
				<div class="col-sm-3">
					<div class="input-group spinner" data-trigger="spinner">
						<input type="text" class="form-control text-center" value="1"
							data-rule="quantity" id="startPrice" name="startPrice" disabled
							data-max="99999999" data-min="0">
						<div class="input-group-addon">
							<a href="javascript:;" class="spin-up" data-spin="up"><i
								class="fa fa-caret-up"></i></a> <a href="javascript:;"
								class="spin-down" data-spin="down"><i
								class="fa fa-caret-down"></i></a>
						</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="input-group spinner" data-trigger="spinner">
						<input type="text" class="form-control text-center" value="1"
							data-rule="quantity" id="endPrice" name="endPrice" disabled
							data-max="99999999" data-min="0">
						<div class="input-group-addon">
							<a href="javascript:;" class="spin-up" data-spin="up"><i
								class="fa fa-caret-up"></i></a> <a href="javascript:;"
								class="spin-down" data-spin="down"><i
								class="fa fa-caret-down"></i></a>
						</div>
					</div>
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">土地面积（㎡）：</label>
				<div class="col-sm-2">
					<label class="checkbox-inline i-checks" id="clickLabel3"> <input
						type="checkbox" name="checkbox3" id="checkbox3" disabled /> <ins
							class="iCheck-helper" id="clickIns3"
							style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>不限
					</label>
				</div>
				<div class="col-sm-3">
					<div class="input-group spinner" data-trigger="spinner">
						<input type="text" class="form-control text-center" value="1"
							data-rule="quantity" id="startArea" name="startArea" disabled
							data-max="99999999" data-min="0">
						<div class="input-group-addon">
							<a href="javascript:;" class="spin-up" data-spin="up"><i
								class="fa fa-caret-up"></i></a> <a href="javascript:;"
								class="spin-down" data-spin="down"><i
								class="fa fa-caret-down"></i></a>
						</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div class="input-group spinner" data-trigger="spinner">
						<input type="text" class="form-control text-center" value="1"
							data-rule="quantity" id="endArea" name="endArea" disabled
							data-max="99999999" data-min="0">
						<div class="input-group-addon">
							<a href="javascript:;" class="spin-up" data-spin="up"><i
								class="fa fa-caret-up"></i></a> <a href="javascript:;"
								class="spin-down" data-spin="down"><i
								class="fa fa-caret-down"></i></a>
						</div>
					</div>
				</div>
			</div>



			<div class="form-group">
				<label class="col-sm-3 control-label">土地用途：</label>
				<div class="col-sm-8">
					<select class="form-control" name="landUse" id="landUse" disabled>
						<option value="不限">不限</option>
						<option value="商住">商住</option>
						<option value="住宅">住宅</option>
						<option value="商业">商业</option>
						<option value="其他">其他</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">是否爬取详细信息：</label>
				<div class="col-sm-8"
					th:with="datas=${@dictService.selectDictData('sys_yes_no')}">
					<div th:each="dict : ${datas}" th:class="${dict['cssClass']}">
						<input type="radio" th:id="${dict['dictCode']}" name="getDetails"
							th:value="${dict['dictValue']}"
							th:checked="${dict['isDefault'] == 'Y' ? true : false}" disabled>
						<label th:for="${dict['dictCode']}" th:text="${dict['dictLabel']}"></label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="form-control-static col-sm-offset-9">
					<button th:onclick="'javascript:layer_close()'"
						class="btn btn-danger" type="button">关闭</button>
				</div>
			</div>
		</form>
	</div>
	<div th:include="include::footer"></div>
	<script src="/js/json3.js" th:src="@{/js/json3.js}"></script>
	<script
		src="/rzspider/spider/spidertask/spidertaskinfo/params/10002.js"
		th:src="@{/rzspider/spider/spidertask/spidertaskinfo/params/10002.js}"></script>
	<script src="/ajax/libs/iCheck/icheck.min.js"
		th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
	<script>
		$(document).ready(function() {
			$(".i-checks").iCheck({
				checkboxClass : "icheckbox_square-green",
				radioClass : "iradio_square-green",
			})
		});
	</script>
</body>
</html>
